import { Empty, Flex, GetProps } from "antd";
import classnames from "classnames";
import styles from "./styles.module.scss";
export function FlexRoot(props: GetProps<typeof Flex>) {
  return <Flex {...props} className={classnames(styles.flex_root, props.className)} />
}

export function FlexHeader(props: GetProps<typeof Flex>) {
  return (
    <Flex
      justify='space-between'
      align='center'
      gap={5}
      {...props}
      className={classnames(styles.flex_view_header, props.className)} />
  )
}
export function ListEmpty(props: GetProps<typeof Empty> & { show?: boolean }) {
  const { show, ..._p } = props;
  return <Empty {..._p} className={classnames(styles.list_empty, show ? void 0 : styles.hidden)} />
}